@import "variables";

mark, .mark {
    background-color: lighten($medium-grey, 50%);
    padding: 0.2rem 0rem;
}

.secondary-text {
    font-size: $secondary-font-size;
}

.badge {
    font-family: $font-family-secondary;
    font-size: 0.5625em;
    line-height: 1rem;
    vertical-align: text-bottom;
}

.shadow {
    border: none;
    box-shadow: $box-shadow-sm;
}

.card-text {
    font-size: 0.75rem;
}

.text-link, a.text-link {
    color: $primary-dark;
    font-weight: $font-weight-medium;
    text-decoration: none;

    &:hover {
        text-decoration: none;
    }
}

.btn {
    text-transform: uppercase;
    font-family: $font-family-secondary;
    font-size: 0.6875rem;
}

.btn-sm {
    font-size: 0.6875rem;
}

.btn-transparent {
    border-color: #707070;
    color: #767676;

    &.white {
        border-color: rgba(255, 255, 255, 0.5);
        color: #FFF;
        background-color: transparent;
    }

    &.primary-dark {
        border-color: $primary-dark;
        color: $primary-dark !important;
        background-color: transparent;
    }

    &:not([href]):not([tabindex]):hover,
    &:not([href]):not([tabindex]):focus,
    &:disabled,
    &:hover {
        background-color: $dark-grey;
        color: #FFF;

        &.white {
            border-color: rgba(255, 255, 255, 0.5);
            color: #FFF;
            background-color: transparent;
        }

        &.primary-dark {
            border-color: $primary-dark;
            color: #FFF !important;
            background-color: $primary-dark;
        }
    }
}

.form-control:focus {
    border-color: $light-grey;
}

.btn-primary,
a.btn-primary, a.btn-primary:link, a.btn-primary:visited {
    color: #FFF;

    &:hover {
        color: #FFF;
    }
}

.btn-primary-dark,
a.btn-primary-dark, a.btn-primary-dark:link, a.btn-primary-dark:visited {
    color: #FFF !important;

    &:hover {
        color: #FFF;
    }
}

.newsEvents {
    font-size: $secondary-font-size;
}

.research-product {
    background-color: $product-color;
    border: 1px solid $product-color;
}

.pointer {
    cursor: pointer;
}

.list-group-item.pointer:hover {
    background-color: $light-grey;
}

.item-link {
    font-size: $secondary-font-size;
    background-color: $primary-light;
    padding: 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    cursor: pointer;

    a:link {
        text-decoration: none;
    }
}

.pointer {
    cursor: pointer;
}

a.viewAll, a.readMore {
    font-family: $font-family-secondary;
    font-size: 0.6875rem;
    text-transform: uppercase;
    text-decoration: none;
}

a.text-none {
    text-decoration: none;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[data-toggle="collapse"] i:before {
    content: "\E64B";
    font-size: 0.75rem;
}

[data-toggle="collapse"].collapsed i:before {
    content: "\E649";
    font-size: 0.75rem;
}

.left-card {
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    border-right: none;
}

.middle-card {
    border-radius: 0rem;
    border-right: none;
}

.right-card {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
}

.left-card.stacked-card,
.middle-card.stacked-card,
.right-card.stacked-card {
    border-bottom-left-radius: 0rem;
    border-bottom-right-radius: 0rem;
    border-bottom: none;
}

.bottom-card {
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.stacked-cards {
    .stacked-card {
        border-radius: 0rem;
    }

    .stacked_card:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .stacked_card:last-child {
        border-bottom-left-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
}

.modal-footer {
    background-color: $light-grey;
}

.beta-badge {
    font-size: 0.70rem;
    top: -1rem;
    position: relative;
    padding: 0.25rem 0.5rem;
    background-color: $medium-grey;
}

.table-header-row {
    padding: 1.25rem 1rem 0.8rem;
    font-weight: $font-weight-bold;
}

.noUi-connect {
	background: $dark-grey;
}

.noUi-handle {
    border: none;
    background-color: transparent;
    background-image: url(/amcharts/images/dragIconRoundBig.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    box-shadow: none;
}

.noUi-handle:after, .noUi-handle:before {
    content: none;
}

.sweetalert-icon {
    width: 5rem;
}

.table {
    th {
        border-top: none;
    }
}

.btn:focus, .btn.focus {
    box-shadow: none;
}

/*# sourceMappingURL=bootstrap.css.map */
a[href="http://www.amcharts.com"],
a[href="http://www.amcharts.com/"],
a[href="http://www.amcharts.com/javascript-charts/"],
a[href="http://www.amcharts.com/javascript-maps/"] {
    display:none!important;
}

.panel {
    box-shadow: none;
}

.panel-default > .panel-heading {
	color: #333;
	background-color: transparent;
}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group
{
	border: none;
}

.panel-default {
	border-color: #ddd;
	border-width: 0px;
}

.panel-group .panel + .panel {
	margin: 0px;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: grey;         /* adjust as needed */
	margin-right: 10px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.ngx-dropdown-list-container ul.selected-items li{
    background-color: $primary-color!important;
}